<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link href="./css/index.css" rel="stylesheet">
  <style>
    h1 {
      color: #000;
    }

    svg {
      min-width: 600px;
      min-height: 300px;
      overflow: auto;
    }
  </style>
</head>
<body>
<h1>SVG Text</h1>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <text x="0" y="15" fill="red">¸.•*´¨´¨*•.¸♥♪♥♥♪♥¸.•*´¨´¨*•.¸♥♪♥♥♪♥¸.•*´¨´¨*•.</text>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <text x="0" y="15" fill="red" transform="rotate(30 0,30)">I love SVG</text>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
     xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="path1" d="M50,50 a1,1 0 0,0 200,0" />
  </defs>
  <text x="10" y="0" style="fill:red;">
    <textPath xlink:href="#path1">
      I love SVG I love SVG. I love SVG I love SVG.
    </textPath>
  </text>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <text x="10" y="20" style="fill:red;">
    Several lines:
    <tspan x="10" y="45" style="fill:blue;">First line</tspan>
    <tspan x="10" y="70">Second line</tspan>
  </text>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
     xmlns:xlink="http://www.w3.org/1999/xlink">
  <a xlink:href="http://www.w3schools.com/svg/" target="_blank">
    <text x="0" y="15" fill="red">I love SVG</text>
  </a>
</svg>
<!--<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>-->
<script src="./js/d3.v4.min.js"></script>
<script src="./js/svg.js"></script>
</body>
</html>